<section>
	<div class="container">
		<div class="table-wrap">
			<table class="ins-table" id="searchTable">
				<thead>
				<tr>
					<th align="left">Influencer</th>
					<th class="is-cursor" data-sort="0" onclick="changeTableSort(this, 0)">
						Followers
						<i class="iconfont iconsort-down"></i>
					</th>
					<th class="is-cursor" data-sort="7" onclick="changeTableSort(this, 7)">
						Avg Likes
						<i class="iconfont iconsort-down"></i>
					</th>
					<th class="is-cursor" data-sort="8" onclick="changeTableSort(this, 8)">
						Avg Reviews
						<i class="iconfont iconsort-down"></i>
					</th>
					<#--<th class="is-cursor" onclick="changeTableSort(this, 2)">
						Quality Followers
						<i class="iconfont iconsort-down"></i>
					</th>-->
					<#--<th class="is-cursor" onclick="changeTableSort(this, 3)">
						30-Day Growth
						<i class="iconfont iconsort-down"></i>
					</th>-->
					<th class="is-cursor" data-sort="1" onclick="changeTableSort(this, 1)">
						Avg ER
						<i class="iconfont iconsort-down"></i>
					</th>
<#--					<th align="left" style="padding-left: 10px">Audience</th>-->
					<th>Action</th>
				</tr>
				</thead>
                <#if listData.list?size gt 0>
	                <tbody>
		                <#list listData.list as item>
							<tr>
								<td class="tb-user">
									<div class="avatar">
                                        <#assign picUrl=myController.getNoExpiredImage(item.picUrl, 0, 0)>
										<img src="${picUrl}" alt="${item.fullName}">
	                                    <#if item.isVerified == true>
											<img class="avatar__affix" src="/static/img/ins/Authentication.png"></img>
	                                    </#if>
									</div>
									<div class="label">
										<div class="title">${item.username}
	                                        <#--<svg title="${item.nation}" class="icon icon-country"
												 aria-hidden="true">
												<use xlink:href="#icon_${item.nation}"></use>
											</svg>-->
	                                        <#if item.categoryName??>
												<div class="limit-tx">${item.categoryName}</div>
												<#elseif item.overallCategoryName??>
												<div class="limit-tx">${item.overallCategoryName}</div>
	                                        </#if>
										</div>
										<div class="sub-title">${item.fullName}</div>
									</div>
								</td>
	                            <#assign followerCount=myController.getNumber(item.followerCount)>
								<td>${followerCount}</td>
	                            <#assign avgLike=myController.getNumber(item.avgLike)>
								<td>${avgLike}</td>
	                            <#assign avgReviews=myController.getNumber(item.avgReviews)>
								<td>${avgReviews}</td>
	                            <#--<#if item.realFollowerCount??>
	                                <#assign realFollowerCount=myController.getNumber(item.realFollowerCount)>
									<td>${realFollowerCount}</td>
	                            <#else>
									<td>0</td>
	                            </#if>-->
	                           <#-- <#if item.followerGrowth??>
	                                <#assign followerGrowth=myController.getNumber(item.followerGrowth)>
									<td>${followerGrowth}</td>
	                            <#else>
									<td>0</td>
	                            </#if>-->
	                            <#if item.engagementRate??>
	                                <#assign engagementRate=myController.getNumberForDouble(item.engagementRate * 100)>
									<td>${engagementRate}%</td>
	                            <#else>
									<td>0%</td>
	                            </#if>
								<#--<td class="td-audience">
									<#if login == true && user.roleId gt 1>
										<div class="tb-audience">
	                                        <#if item.nationDistribution?? && item.nationDistribution?size gt 0>
												<div class="audience-item">
	                                                <#assign nationDistributionValue=myController.getNumber(item.nationDistribution[0].value * 100)>
	                                                ${item.nationDistribution[0].property} ${nationDistributionValue}%
												</div>
	                                        </#if>
	                                        <#if item.genderDistribution?? && item.genderDistribution?size gt 0>
												<div class="audience-item">
	                                                <#if item.genderDistribution[0].property == 'MALE'>
														<i class="iconfont iconmale"></i>
	                                                <#else>
														<i class="iconfont iconfemale"></i>
	                                                </#if>
	                                                <#assign genderDistributionValue=myController.getNumber(item.genderDistribution[0].value * 100)>
	                                                ${genderDistributionValue}%
												</div>
	                                        </#if>
	                                        <#if item.ageDistribution?? && item.ageDistribution?size gt 0>
												<div class="audience-item">
	                                                <#assign ageDistributionValue=myController.getNumber(item.ageDistribution[0].value * 100)>
													<span>${item.ageDistribution[0].property}</span>${ageDistributionValue}%
												</div>
	                                        </#if>
										</div>
									<#else>
										<img class="tb-audience-img" src="${request.contextPath}/static/img/ins/Audience.png" alt="">
									</#if>
								</td>-->
								<td>
									<div class="td-action">
										<div class="gd-popover" content="Analyze">
											<div class="blue">
												<a href="/instagram/influencer/${item.username}" target="_blank">
													<i class="iconfont iconxiangqing"></i>
												</a>
											</div>
										</div>
										<#if item.collectId?? && item.collectId gt 0>
											<div class="gd-popover" content="Remove from Favorite">
												<div class="icon-collect is-collect" data-collectId="${item.collectId?c}" onclick="collectUser(this)">
													<i class="iconfont iconquxiaoshoucang33"></i>
												</div>
											</div>
										<#else>
											<div class="gd-popover" content="Add to Favorite">
												<div class="icon-collect" data-uid="${item.uid?c}" onclick="collectUser(this)">
													<i class="iconfont iconshoucang"></i>
												</div>
											</div>
										</#if>
									</div>
								</td>
							</tr>
	                    </#list>
					</tbody>
                <#else>
				<tbody>
					<tr>
						<td colspan="6">
							<div class="no-data">
								<img width="132" height="131" src="/static/img/ins/noData.png" alt="no data">
								<div class="title">No related data available</div>
							</div>
						</td>
					</tr>
				</tbody>
                </#if>
			</table>
		</div>
		<div class="pagination" id="pagination"></div>
	</div>
</section>